<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="language" content="en" />

	<!-- blueprint CSS framework -->

	<link rel='stylesheet' id='jqueryui_css-css'  href='<?php echo Yii::app()->request->baseUrl; ?>/css/jqueryui/custom.css' type='text/css' media='all' /> 

	<link rel='stylesheet' id='screen_css-css'  href='<?php echo Yii::app()->request->baseUrl; ?>/css/screen.css' type='text/css' media='all' /> 
	<link rel='stylesheet' id='fancybox_css-css'  href='<?php echo Yii::app()->request->baseUrl; ?>/assets/js/fancybox/jquery.fancybox-1.3.0.css' type='text/css' media='all' /> 
	<link rel='stylesheet' id='videojs_css-css'  href='<?php echo Yii::app()->request->baseUrl; ?>/assets/js/video-js.css' type='text/css' media='all' /> 
	<link rel='stylesheet' id='vim_css-css'  href='<?php echo Yii::app()->request->baseUrl; ?>/assets/js/skins/vim.css' type='text/css' media='all' /> 
	<link rel='stylesheet' id='colorpicker_css-css'  href='<?php echo Yii::app()->request->baseUrl; ?>/assets/js/colorpicker/css/colorpicker.css' type='text/css' media='all' /> 


<script type='text/javascript' src='./assets/js/jquery.js'></script> 
<script type='text/javascript' src='./assets/js/jquery-ui.js'></script> 
<script type='text/javascript' src='./assets/js/fancybox/jquery.fancybox-1.3.0.js'></script> 
<script type='text/javascript' src='./assets/js/jquery.easing.js'></script> 
<script type='text/javascript' src='./assets/js/jquery.nivo.slider.js'></script> 
<script type='text/javascript' src='./assets/js/anythingSlider.js'></script> 
<script type='text/javascript' src='./assets/js/hint.js'></script> 
<script type='text/javascript' src='./assets/js/jquery.validate.js'></script> 
<script type='text/javascript' src='./assets/js/cufon.js'></script> 
<script type='text/javascript' src='./assets/js/browser.js'></script> 
<script type='text/javascript' src='./assets/js/video.js'></script> 
<script type='text/javascript' src='./assets/js/jquery.tipsy.js'></script> 
<script type='text/javascript' src='./assets/js/colorpicker/js/colorpicker.js'></script> 
<script type='text/javascript' src='./assets/js/colorpicker/js/eye.js'></script> 
<script type='text/javascript' src='./assets/js/colorpicker/js/utils.js'></script> 
<script type='text/javascript' src='./assets/js/custom.js'></script> 

<meta charset="UTF-8"></head> 
 
 
<body class="home"> 
	
	<!-- Begin template wrapper --> 
	<div id="wrapper"> 
			
		<!-- Begin header --> 
		<div id="header_wrapper"> 
			<div id="top_bar"> 
					<div class="logo"> 
						<!-- Begin logo --> 
					
												
					
						
						<!-- End logo --> 
					</div> 
					
					<!-- Begin main nav --> 
					<div id="menu_wrapper"> 
					
					    <div class="menu-main-menu-container">
					    	<ul id="main_menu" class="nav">
					    		<li class="current-menu-item"><a href="./index.html">Home</a> 
									<ul class="sub-menu"> 
										<li><a href="./index.html">Homepage Style 1</a></li> 
										<li><a href="./index2.html">Homepage Style 2</a></li> 
										<li><a href="./index3.html">Homepage Style 3</a></li> 
										<li><a href="./index4.html">Homepage Style 4</a></li> 
										<li><a href="./index5.html">Homepage Style 5</a></li> 
									</ul> 
								</li>
								<li><a href="http://themeforest.net/item/lotus-for-business-software-corporate-portfolio/full_screen_preview/164748">Wordpress version</a></li>
								<li><a href="#">Portfolios</a> 
									<ul class="sub-menu"> 
										<li><a href="./portfolios_3columns.html">3 Columns</a></li> 
										<li><a href="./portfolios_4columns.html">4 Columns</a></li> 
										<li><a href="./portfolios_thumbnail.html">Thumbnail Only</a></li> 
										<li><a href="./portfolios_thumbnail_detail.html">Thumbnail with detail</a></li> 
										<li><a href="./portfolios_image_gallery.html">Image Gallery</a></li> 
									</ul> 
								</li> 
								<li><a href="./blog.html">Blog</a></li> 
								<li><a href="#">Pages</a> 
									<ul class="sub-menu"> 
										<li><a href="./about_us.html">About Us</a></li> 
										<li><a href="./our_services.html">Our Services</a></li> 
										<li><a href="./pricing_3columns.html">Pricing 3 Columns</a></li> 
										<li><a href="./pricing_4columns.html">Pricing 4 Columns</a></li> 
									</ul> 
								</li>  
								<li><a href="./contact.html">Contact</a></li> 
							</ul>
						</div>					
					</div> 
					<!-- End main nav --> 
					
				</div> 
				
				<br class="clear"/> 
				
				<div id="option_wrapper">
					<div class="inner">
				    	<strong>Background Pattern:</strong><br/>	
				    	<select name="pp_bg_pattern" id="pp_bg_pattern" style="margin-top:5px"> 
				    		<option value="" >None</option> 
				    		<option value="ver_strip" >Vertical Strip</option> 
				    		<option value="hor_strip" >Horizontal Strip</option> 
				    		<option value="right_strip" selected=selected>Right Strip</option> 
				    		<option value="right_strip2" >Right Strip2</option> 
				    		<option value="left_strip" >Left Strip</option> 
				    		<option value="left_strip2" >Left Strip2</option> 
				    		<option value="square" >Square</option> 
				    		<option value="square2" >Square2</option> 
				    		<option value="dot" >Dot</option> 
				    		<option value="circle" >Circle</option> 
				    		<option value="flower" >Flower1</option> 
				    		<option value="flower2" >Flower2</option> 
				    		<option value="flower3" >Flower3</option> 
				    		<option value="flower4" >Flower4</option> 
				    		<option value="paper" >Paper</option> 
				    		<option value="gear" >Gear</option> 
				    		<option value="mosaic" >Mosaic</option> 
				    		<option value="metal" >Metal</option> 
				    		<option value="jeans" >Jeans</option> 
				    		<option value="bokeh" >Bokeh</option> 
				    	</select> 
				    	<br/><br/> 
				    	<strong>Background Color:</strong><br/> 
				    	<div id="bg_preview" style="background:#212c35;margin-top:5px;">&nbsp;</div> 
				    	<input type="hidden" id="pp_bg_color" name="pp_bg_color" value="#212c35" /> 
				    </div> 
				</div>
				

		<br class="clear"/>
		
		<div id="header_pattern"></div>
		<div id="slider_wrapper">
							
				<div id="anything_slider"> 
					<div class="wrapper"> 
						<ul> 
							<li id="anythingslide1"> 
								<a href="#"> 
									<img src="./example/slide1.png" alt=""/> 
								</a> 
							</li> 
							<li id="anythingslide2"> 
								<a href="#"> 
									<img src="./example/slide2.png" alt=""/> 
								</a> 
							</li> 
							<li id="anythingslide3"> 
								<a href="#"> 
									<img src="./example/slide3.png" alt=""/> 
								</a> 
							</li> 
							<li id="anythingslide4"> 
								<a href="#"> 
									<img src="./example/slide4.png" alt=""/> 
								</a> 
							</li> 
						</ul> 
					</div> 
				</div> 
		
<script type="text/javascript"> 
    $j(function () {
    	$j('#anything_slider').anythingSlider({
    	    easing: "easeInOutExpo",
    	    autoPlay: true,
    	    delay: 5000,
    	    startStopped: false,
    	    animationTime: 500,
    	    hashTags: false,
    	    buildNavigation: true,
    	    buildArrows: true,
    	    pauseOnHover: true,
    	    startText: "Go",
    	    stopText: "Stop"
    	});
    	
        $j('#anything_slider').hover(function()
	    {	
	    	$j(this).find('.arrow').css('z-index', '9999');
	    	$j(this).find('.arrow').css('visibility', 'visible');
	    },
	    function()
	    {	
	    	$j(this).find('.arrow').css('visibility', 'hidden');
	    });
    });				
</script>
	
		</div>
		
		</div>
		<!-- End header -->
				
		<div class="tagline">
		    <div class="standard_wrapper small">
		    	<div style="float:left">
		    		<h1 class="tagline_header cufon">Lotus WP Theme for Business. Purchase now only $35</h1>
		    	</div>
		    	<div style="float:right;margin:0 7px 0 0">
		    		<a class="button" href="#">Buy Now</a>
		    	</div>
		    </div>
		</div>
						
		<!-- Begin content -->
		<div id="content_wrapper">
			
			<div class="inner">
			
				<!-- Begin main content -->
				<div class="inner_wrapper">
		
				<div class="standard_wrapper small">
					<div class="tabs">
						<ul>
							<li><a href="#tabs-1">Services</a></li>
							<li><a href="#tabs-2">About Us</a></li>
							<li><a href="#tabs-3">Price List</a></li>
						</ul>
						<div id="tabs-1" class="tab_wrapper">
							<br class="clear"/><br/>

							<div class="one_third">
								<h5>Profession Service</h5>
								<p>
								<img src="./example/Plus.png" class="alignleft" alt=""/>
								Bulla fringilla purus at leo dignissim congue. Mauris elementum accumsan leo vel tempor. Aenean sagittis.Nulla fringilla purus at leo dignissim congue. Mauris elementum accumsan leo vel tempor.
								</p>
							</div>
								
							<div class="one_third">
								<h5>Maximize Profit</h5>
								<p>
								<img src="./example/Piechart.png" class="alignleft" alt=""/>
								Bulla fringilla purus at leo dignissim congue. Mauris elementum accumsan leo vel tempor. Aenean sagittis.Nulla fringilla purus at leo dignissim congue. Mauris elementum accumsan leo vel tempor.
								</p>
							</div>
								
							<div class="one_third last">
								<h5>CRM Solutions</h5>
								<p>
								<img src="./example/Bookmark.png" class="alignleft" alt=""/>
								Bulla fringilla purus at leo dignissim congue. Mauris elementum accumsan leo vel tempor. Aenean sagittis.Nulla fringilla purus at leo dignissim congue. Mauris elementum accumsan leo vel tempor.
								</p>
							</div>
								<br class="clear"/><br/><br/>
								
							<div class="one_third">
								<h5>Unlimited Storage</h5>
								<p>
								<img src="./example/Folder-add.png" class="alignleft" alt=""/>
								Bulla fringilla purus at leo dignissim congue. Mauris elementum accumsan leo vel tempor. Aenean sagittis.Nulla fringilla purus at leo dignissim congue. Mauris elementum accumsan leo vel tempor.
								</p>
							</div>
								
							<div class="one_third">
								<h5>Deliver On Time</h5>
								<p>
								<img src="./example/Clock.png" class="alignleft" alt=""/>
								Bulla fringilla purus at leo dignissim congue. Mauris elementum accumsan leo vel tempor. Aenean sagittis.Nulla fringilla purus at leo dignissim congue. Mauris elementum accumsan leo vel tempor.
								</p>
							</div>
								
							<div class="one_third last">
								<h5>Enterprise Support</h5>
								<p>
								<img src="./example/Person-group-add.png" class="alignleft" alt=""/>
								Bulla fringilla purus at leo dignissim congue. Mauris elementum accumsan leo vel tempor. Aenean sagittis.Nulla fringilla purus at leo dignissim congue. Mauris elementum accumsan leo vel tempor.
								</p>
							</div>

							<br class="clear"/><br class="clear"/>
						</div>
						
						<div id="tabs-2" class="tab_wrapper">
							<br class="clear"/><br/>
							<blockquote><h2 class="quote">Lotus is The Premium Theme for Business, Corporate built with latest Wordpress features Custom Post Type, Unlimited Colors and Background Upload etc.</h2></blockquote>

							<br/>
							
							<p>This is an example about us page. You can edit this information about your or your company. You also can use the pre styling elements. visit "Typography page". Lorem ipsum dolor sit amet, consectetur adipisicing elite, see do eiusmod temper incididunt ut labolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dosectetur adipisicing elite, see do.Lorem ipsum dolor sit amet, consectetur adipisicing elite, see do eiusmod temper incididunt ut labolore magna aliqua. Ut enim ad minim veniam.</p>
							
							<br/>
							
							<div class="one_third"><img src="./example/member.png" alt="" class="frame"/></div>
							
							<div class="two_third last">
								<h4 class="cufon">James Smith</h4>
								<i>Chief Executive Officer</i>
							
								<p>
								    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dosectetur adipisicing elit, sed do.Lorem ipsum dolor sit amet.
								</p>
							</div>
							
							<br class="clear"/><br/><br/>
							
							<div class="one_third"><img src="./example/member.png" alt="" class="frame"/></div>
							
							<div class="two_third last">
								<h4 class="cufon">John Doe</h4>
								<i>Project Manager </i>
							
								<p>
								    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dosectetur adipisicing elit, sed do.Lorem ipsum dolor sit amet.
								</p>
							</div>
							
							<br class="clear"/><br/><br/>
							
							<div class="one_third"><img src="./example/member.png" alt="" class="frame"/></div>
							
							<div class="two_third last">
								<h4 class="cufon">James Doe</h4>
								<i>HR Manager</i>
							
								<p>
								    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dosectetur adipisicing elit, sed do.Lorem ipsum dolor sit amet.
								</p>
							</div>

							<br class="clear"/><br class="clear"/>
						</div>
						
						<div id="tabs-3" class="tab_wrapper">
						<br class="clear"/><br/>
						<blockquote><h2 class="quote">Lotus is The Premium Theme for Business, Corporate built with latest Wordpress features Custom Post Type, Unlimited Colors and Background Upload etc.</h2></blockquote>

						<br class="clear"/><br/>

						<div class="pricing_box  three">
							<div class="header"><span>Starter Package</span></div><br/>
							<h2>$19/month</h2>
								<ul>
									<li><strong>75 GB</strong> storage</li>
									<li><strong>300 GB Bandwidth / month</strong></li>
							 		<li><strong>10</strong> users</li>
									<li><strong>3 MySQL Databases</strong></li>
								</ul>
							<br/>
							<input type="button" class="button small center" value="Sign Up"/>
						</div>
						
						<div class="pricing_box large three">
							<div class="header"><span>Standard Package</span></div><br/>
							<h2>$39/month</h2>
								<ul>
									<li><strong>150 GB</strong> storage</li>
									<li><strong>600 GB Bandwidth / month</strong></li>
						 			<li><strong>40</strong> users</li>
									<li><strong>20 MySQL Databases</strong></li>
								</ul>
							<br/>
							<input type="button" class="button small center" value="Sign Up"/>
						</div>
						
						<div class="pricing_box  three">
							<div class="header"><span>Premium Package</span></div><br/>
							<h2>$59/month</h2>
								<ul>
									<li><strong>300 GB</strong> storage</li>
									<li><strong>1000 GB Bandwidth / month</strong></li>
						 			<li><strong>100</strong> users</li>
									<li><strong>100 MySQL Databases</strong></li>
								</ul>
							<br/>
							<input type="button" class="button small center" value="Sign Up"/>
						</div>

						<br class="clear"/><br class="clear"/>
					</div>
				</div>				
			</div>	
		</div>
		</div>
		</div>
	
	<div><div>

 
		</div>  
		
		<div class="bottom_shadow"></div> 
		
		<!-- Begin footer --> 
		<div id="footer"> 
			<div id="footer_shadow"></div> 
		
			<ul class="sidebar_widget"> 
				<li class="widget">
					<h2 class="widgettitle">Popular Posts</h2>
					<ul class="posts blog black_wrapper">
						<li>
							<h6 class="cufon"><a href="#">Unlimited Colors</a></h6>
							Bulla fringilla purus at leo dignissim congue. Mauris elementum accumsan leo vel tempor. Aenean sagittisâ€¦<br/><br/>
						</li>
						<li>
							<h6 class="cufon"><a href="#">Unlimited Sidebar Support</a></h6>
							Bulla fringilla purus at leo dignissim congue. Mauris elementum accumsan leo vel tempor. Aenean sagittisâ€¦
						</li>
					</ul>
				</li> 
				<li class="widget">
					<h2 class="widgettitle">Meta</h2> 
					<ul> 
						<li><a href="#">Site Admin</a></li>			
						<li><a href="#">Log out</a></li> 
						<li><a href="#" title="Syndicate this site using RSS 2.0">Entries <abbr title="Really Simple Syndication">RSS</abbr></a></li> 
						<li><a href="#" title="The latest comments to all posts in RSS">Comments <abbr title="Really Simple Syndication">RSS</abbr></a></li> 
						<li><a href="http://wordpress.org/" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress.org</a></li> 
					</ul> 
				</li> 
				<li class="widget">		
					<h2 class="widgettitle">Recent Posts</h2> 
					<ul> 
						<li><a href="#" title="Easy to use Image Gallery">Easy to use Image Gallery</a></li> 
						<li><a href="#" title="Unlimited Colors">Unlimited Colors</a></li> 
						<li><a href="#" title="Advanced Shortcodes">Advanced Shortcodes</a></li> 
						<li><a href="#" title="Custom Post Type Support">Custom Post Type Support</a></li> 
						<li><a href="#" title="Custom widgets for Blog">Custom widgets for Blog</a></li> 
					</ul> 
				</li> 
				<li class="widget">
					<h2 class="widgettitle">Blogroll</h2> 
					<ul class='xoxo blogroll'> 
						<li><a href="http://codex.wordpress.org/">Documentation</a></li> 
						<li><a href="http://wordpress.org/extend/plugins/">Plugins</a></li> 
						<li><a href="http://wordpress.org/extend/ideas/">Suggest Ideas</a></li> 
						<li><a href="http://wordpress.org/support/">Support Forum</a></li> 
						<li><a href="http://wordpress.org/extend/themes/">Themes</a></li> 
						<li><a href="http://wordpress.org/news/">WordPress Blog</a></li> 
						<li><a href="http://planet.wordpress.org/">WordPress Planet</a></li> 
					</ul> 
				</li> 
			</ul> 
			
			<br class="clear"/> 
		
			<div id="copyright"> 
				<div class="standard_wrapper" style="text-shadow: 0 1px #000;">
					<div style="float:right">
						<a href="javascript:;" class="tipsy" title="Twitter">
							<img src="./images/about_icon/twitter.png" alt=""/>
						</a>
						<a href="javascript:;" class="tipsy" title="Flickr">
							<img src="./images/about_icon/flickr.png" alt=""/>
						</a>
						<a href="javascript:;" class="tipsy" title="RSS">
							<img src="./images/about_icon/rss.png" alt=""/>
						</a>
						<a href="javascript:;" class="tipsy" title="Yahoo">
							<img src="./images/about_icon/yahoo.png" alt=""/>
						</a>
					</div>
					
					<div style="float:left;margin-top:10px">
						Copyright Â© 2011 Peerapong. Remove this once after purchase from the ThemeForest.net
					</div>
					<br class="clear"/>
			</div>
		</div> 
			
		</div> 
		<!-- End footer --> 
 
</div></div> 
 
</body> 
</html> 